google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function(){
  var data = new google.visualization.DataTable();
       data.addColumn('string', '日');
       data.addColumn('number', 'DL数');
       data.addColumn('number', 'Googleセルラン');
       data.addColumn('number', 'iOSセルラン');
       data.addColumn({type:'string', role:'annotation'});
       data.addColumn({type:'string', role:'annotationText'});
       data.addRows([
        ['2021-05-20',15303541,null,841,null,null],
['2021-05-21',15305643,null,883,null,null],
['2021-05-22',15305643,null,355,null,null],
['2021-05-23',15307554,null,293,null,null],
['2021-05-24',15308932,null,401,null,null],
['2021-05-25',15311800,null,539,null,null],
['2021-05-26',15311800,null,639,null,null],
['2021-05-27',15314173,null,735,null,null],
['2021-05-28',15314173,null,616,null,null],
['2021-05-29',15314173,null,314,null,null],
['2021-05-30',15315788,null,341,null,null],
['2021-05-31',15318094,null,429,null,null],
['2021-06-01',15319256,null,377,null,null],
['2021-06-02',15320715,null,428,null,null],
['2021-06-03',15321774,null,449,null,null],
['2021-06-04',15321774,null,486,null,null],
['2021-06-05',15321774,null,386,null,null],
['2021-06-06',15324620,null,441,null,null],
['2021-06-07',15326152,null,471,null,null],
['2021-06-08',15329893,null,508,null,null],
['2021-06-09',15330982,null,536,null,null],
['2021-06-10',15332296,null,600,null,null],
['2021-06-11',15333495,null,478,null,null],
['2021-06-12',15334435,null,415,null,null],
['2021-06-13',15335619,null,386,null,null],
['2021-06-14',15336332,null,404,null,null],
['2021-06-15',15337382,null,539,null,null],
['2021-06-16',15338724,null,453,null,null],
['2021-06-17',15339386,null,509,null,null],
['2021-06-18',15339386,null,497,null,null],
['2021-06-19',15341016,null,364,null,null],
['2021-06-20',15341636,null,298,null,null],
['2021-06-21',15342701,null,363,null,null],
['2021-06-22',15342701,null,422,null,null],
['2021-06-23',15344686,null,608,null,null],
['2021-06-24',15345316,null,512,null,null],
['2021-06-25',15345930,null,722,null,null],
['2021-06-26',15346964,null,470,null,null],
['2021-06-27',15347625,null,393,null,null],
['2021-06-28',15348751,null,531,null,null],
['2021-06-29',15348982,null,462,null,null],
['2021-06-30',15348982,null,575,null,null],
['2021-07-01',15351094,null,396,null,null],
['2021-07-02',15351094,null,453,null,null],
['2021-07-03',15351094,null,380,null,null],
['2021-07-04',15352696,null,363,null,null],
['2021-07-05',15353753,null,457,null,null],
['2021-07-06',15354062,null,266,null,null],
['2021-07-07',15354062,null,238,null,null],
['2021-07-08',15356408,null,262,null,null],
['2021-07-09',15356408,null,341,null,null],
['2021-07-10',15356408,null,379,null,null],
['2021-07-11',15356408,null,303,null,null],
['2021-07-12',15356408,null,334,null,null],
['2021-07-13',15356408,null,265,null,null],
['2021-07-14',15356408,null,392,null,null],
['2021-07-15',15356408,null,299,null,null],
['2021-07-16',15361962,null,390,null,null],
['2021-07-17',15363490,null,461,null,null],
['2021-07-18',15363490,null,426,null,null],
['2021-07-19',15363490,null,478,null,null]
        ]);
  var options = {
    chartArea: {'width':'85%', 'height':'65%', 'left':60 },
    'pointSize': 3,
    legend: {position: 'top' },
    vAxes:[
      {direction:1},
      {direction:-1,viewWindow:{min:0,max:800}}
    ],
    series: {
      0:{
        type: 'bars',
        color: 'skyblue',
        targetAxisIndex: 0,
      },
      1:{
        type: 'line',
        color: 'seagreen',                
        targetAxisIndex: 1,
      },
      2:{
        type: 'line',
        color: 'red',                
        targetAxisIndex: 1,
      },
    },
    tooltip: { trigger: 'both' },
    focusTarget: 'category',
    colors:['#2980b9','#e74c3c']
  };
  var chart = new google.visualization.ComboChart(document.getElementById('graphField'));
  chart.draw(data, options);
  
  google.visualization.events.addListener(chart, 'click', function() {
    if(chart.getSelection()[0]){
      chart.setSelection(null)
    }
  });


});